<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>借钱</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/all.css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/jquery.touchSlider.js"></script>
    <script src="js/self.js"></script>
</head>
<body  ontouchstart="">
    <div class="detailTop pf w100 of">
         <div class="w100 of tc c3 f18">
             <span class="pa" style="left: 10px;font-size: 30px;color: #444444;" onclick="javascript:history.back();"><</span>
             还贷赎回抵押
         </div>
    </div>

    <form class="container db jz" style="padding-bottom: 0;margin-top: 41px;">
        <section class="proSection pr w100 bcf">
           <div class="w100 of clearfix">
               <div class="checkboxFive fl">
                   <input type="checkbox" value="1" id="aa" name="" checked="checked"/>
                   <label for="aa"></label>
               </div>
               <div class="fl" style="width: 84%">
                    <h5 class="f16 c3 lh16 fb" style="margin-top: 18px;">智能手机遥控玩具车项目众筹</h5>
                   <p class="f12 c9">众筹单号 2016092642536-546798</p>
                   <div class="bmInfo1 clearfix of w100">
                       <div class="pr" style="width: 55%">
                        <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                         <div>
                             <h6 class="f12 c6">抵押金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div style="width:30%">
                           <div class="tc">
                               <h6 class="f12 c6">锁定期(天)</h6>
                               <p class="c3" style="font-size: 20px;">30</p>
                           </div>
                        </div>
                   </div>
                   <div class="bmInfo1 clearfix of w100" style="border-bottom: none">
                       <div style="width: 50%">
                         <div>
                             <h6 class="f12 c6">抵押获得金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div  class="pr" style="width:30%">
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;left: 0.5px;" ></div>
                           <div class="tc">
                               <h6 class="f12 c6">月息</h6>
                               <p class="cff9933" style="font-size: 20px;">0.00 %</p>
                           </div>
                        </div>
                       <div style="width: 20%">
                           <div>
                               <h6 class="f12 c6">抵押率</h6>
                               <p class="cff9933" style="font-size: 20px;">80 %</p>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
        </section>
        <section class="proSection pr w100 bcf">
           <div class="w100 of clearfix">
               <div class="checkboxFive fl">
                   <input type="checkbox" value="1" id="aa" name="" checked="checked"/>
                   <label for="aa"></label>
               </div>
               <div class="fl" style="width: 84%">
                    <h5 class="f16 c3 lh16 fb" style="margin-top: 18px;">智能手机遥控玩具车项目众筹</h5>
                   <p class="f12 c9">众筹单号 2016092642536-546798</p>
                   <div class="bmInfo1 clearfix of w100">
                       <div class="pr" style="width: 55%">
                        <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                         <div>
                             <h6 class="f12 c6">抵押金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div style="width:30%">
                           <div class="tc">
                               <h6 class="f12 c6">锁定期(天)</h6>
                               <p class="c3" style="font-size: 20px;">30</p>
                           </div>
                        </div>
                   </div>
                   <div class="bmInfo1 clearfix of w100" style="border-bottom: none">
                       <div style="width: 50%">
                         <div>
                             <h6 class="f12 c6">抵押获得金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div  class="pr" style="width:30%">
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;left: 0.5px;" ></div>
                           <div class="tc">
                               <h6 class="f12 c6">月息</h6>
                               <p class="cff9933" style="font-size: 20px;">0.00 %</p>
                           </div>
                        </div>
                       <div style="width: 20%">
                           <div>
                               <h6 class="f12 c6">抵押率</h6>
                               <p class="cff9933" style="font-size: 20px;">80 %</p>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
        </section>
        <section class="proSection pr w100 bcf">
           <div class="w100 of clearfix">
               <div class="checkboxFive fl">
                   <input type="checkbox" value="1" id="aa" name="" checked="checked"/>
                   <label for="aa"></label>
               </div>
               <div class="fl" style="width: 84%">
                    <h5 class="f16 c3 lh16 fb" style="margin-top: 18px;">智能手机遥控玩具车项目众筹</h5>
                   <p class="f12 c9">众筹单号 2016092642536-546798</p>
                   <div class="bmInfo1 clearfix of w100">
                       <div class="pr" style="width: 55%">
                        <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                         <div>
                             <h6 class="f12 c6">抵押金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div style="width:30%">
                           <div class="tc">
                               <h6 class="f12 c6">锁定期(天)</h6>
                               <p class="c3" style="font-size: 20px;">30</p>
                           </div>
                        </div>
                   </div>
                   <div class="bmInfo1 clearfix of w100" style="border-bottom: none">
                       <div style="width: 50%">
                         <div>
                             <h6 class="f12 c6">抵押获得金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div  class="pr" style="width:30%">
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;left: 0.5px;" ></div>
                           <div class="tc">
                               <h6 class="f12 c6">月息</h6>
                               <p class="cff9933" style="font-size: 20px;">0.00 %</p>
                           </div>
                        </div>
                       <div style="width: 20%">
                           <div>
                               <h6 class="f12 c6">抵押率</h6>
                               <p class="cff9933" style="font-size: 20px;">80 %</p>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
        </section>
        <section class="proSection pr w100 bcf">
           <div class="w100 of clearfix">
               <div class="checkboxFive fl">
                   <input type="checkbox" value="1" id="aa" name="" checked="checked"/>
                   <label for="aa"></label>
               </div>
               <div class="fl" style="width: 84%">
                    <h5 class="f16 c3 lh16 fb" style="margin-top: 18px;">智能手机遥控玩具车项目众筹</h5>
                   <p class="f12 c9">众筹单号 2016092642536-546798</p>
                   <div class="bmInfo1 clearfix of w100">
                       <div class="pr" style="width: 55%">
                        <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                         <div>
                             <h6 class="f12 c6">抵押金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div style="width:30%">
                           <div class="tc">
                               <h6 class="f12 c6">锁定期(天)</h6>
                               <p class="c3" style="font-size: 20px;">30</p>
                           </div>
                        </div>
                   </div>
                   <div class="bmInfo1 clearfix of w100" style="border-bottom: none">
                       <div style="width: 50%">
                         <div>
                             <h6 class="f12 c6">抵押获得金额</h6>
                             <p class="cred" style="font-size: 20px;">￥20,000.00</p>
                         </div>
                       </div>
                       <div  class="pr" style="width:30%">
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;right: 0.5px;" ></div>
                           <div class="pa h100" style="width: 1px;background: #EBEBEB;left: 0.5px;" ></div>
                           <div class="tc">
                               <h6 class="f12 c6">月息</h6>
                               <p class="cff9933" style="font-size: 20px;">0.00 %</p>
                           </div>
                        </div>
                       <div style="width: 20%">
                           <div>
                               <h6 class="f12 c6">抵押率</h6>
                               <p class="cff9933" style="font-size: 20px;">80 %</p>
                           </div>
                       </div>
                   </div>
               </div>
           </div>
        </section>

        <section class="bmLast bcf w100 of">
            <h4 class="f16 c3">合计</h4>
            <p class="tc">
                <span class="f14 c6">抵押资产：</span><span class="cred f12">&yen;</span><span class="cred f20 fb">50,000.00</span>
            </p>
            <p class="tc">
                <span class="f14 c6">借贷资金：</span><span class="c3 f12">&yen;</span><span class="f20 c3 fb">30,000.00</span>
            </p>
            <button type="button" class="cf f18 tc db" id="bmButtun"/>确认抵押</button>
        </section>

        <div class="theme-popover bcf">
            <div class="theme-poptit w100">
                <h3 class="tc f20 c3">风险提示</h3>
            </div>
            <div class="baitiaoLine" style="margin-top: 0;">
                <p class="w100" style="background: #E7E7E7"></p>
                <p class="w100" style="background: #FFFFFF"></p>
                <p class="w100" style="background: #FFFFFF"></p>
                <p class="w100" style="background: #FFFFFF"></p>
                <p class="w100" style="background: #FFFFFF"></p>
            </div>
            <div class="theme-popbod c6 f14 lh15">
                <p>
                    1. 众筹不是商品交易。支持者根据自己的判断选择、支持众筹项目，与发起人共同实现梦想并获得发起人承诺的回报，众筹存在一定风险。
                </p>
                <p class="mgt10">
                    2. 七彩云购平台只提供平台网络空间、技术服务和支持等中介服务。七彩云购平台作为居间方，并不是发起人或支持者中的任何一方，众筹仅存在于发起人和支持者之间，使用七彩云购平台台产生的法律后果由发起人与支持者自行承担。
                </p>
                <p class="mgt10">
                    3. 众筹项目的回报发放、发票开具及其他后续服务事项均由发起人负责。如果发生发起人无法发放回报、延迟发放回报、不提供回报后续服务等情形，您需要直接和发起人协商解决，七彩云购平台对此不承担任何责任。
                </p>
                <p class="mgt10">
                    4. 众筹项目一旦支付成功，在众筹期中将不予退款；众筹结束后，若众筹失败将原路退回；若众筹成功，支持者想退款，您需要直接与发起人协商解决，七彩云购平台对此不承担任何责任。
                </p>

            </div>
            <div class="theme-btn w100 of">
                <div class="of">
                    <button type="button" class="fl tc close" style="background:#EC9E23;width:26%">放弃</button>
                    <button type="submit" class="fr tc" style="background:#2B93EE;width:70%">我已了解，确认抵押</button>
                </div>
            </div>
        </div>
        <div class="theme-popover-mask"></div>
    </form>

    <script>
        $(function() {
            $('#bmButtun').click(function(){
                console.log("aa");
                $('.theme-popover-mask').fadeIn();
                $('.theme-popover').slideDown();
            });
            $('.close').click(function(){
                $('.theme-popover-mask').fadeOut();
                $('.theme-popover').slideUp();
            })

        })

    </script>


</body>
</html>
</html>
</html>
</html>